.bar {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	width: 13rem;
	padding: 0.5rem;

	& > section {
		width: 100%;

		& > label {
			display: flex;
			justify-content: space-between;
			padding: 0 2px 1em;
			font-size: var(--text-sm);
			line-height: 1;
		}
	}

	.normal {
		.percent {
			--progress-color: var(--color-warning);
		}
	}

	.abnormal {
		.percent {
			--progress-color: var(--color-error);
		}
	}
}
